<!DOCTYPE html>
<!-- saved from url=(0053)http://www.acagrid.com/doc/factory/post/md/award.html -->
<html class="browser">
<!--<![endif]-->

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <title>继续教育 - 文件上传</title>
  <meta name="keywords" content="学术格子,附件材料,高校,大学,职称申报,课题研究,学术助手,学术研究,免费生成pdf">
  <meta name="description" content="学术格子 - 学术人员的最佳助手|免费帮您快速搞定职称申报">

  <meta name="format-detection" content="telephone=no">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
  <!-- 针对多核浏览器强制使用webkit内核 -->
  <meta name="renderer" content="webkit">
  <!--[if lt IE 9]>
        <script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
        <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/json2/20110223/json2.min.js"></script>
    <![endif]-->
  <!--[if lte IE 9]>
    <meta http-equiv="refresh" content="0;url=/index/app/browser">
    <![endif]-->
  <link rel="stylesheet" href="./css/award/build_4037f0e333deaecde085.css">
  <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
  <link rel="stylesheet" href="css/sign/avc.css">

  <script src="js/jquery.min.js"></script>
</head>
<div id="header"></div>
<script>
  $("#header").load("header.html");
</script>

<div id="min_height">

  <div id="start" class="notification-masking">
    <div class="wrap notification-wrap">
      <span class="icon"></span>
      <p class="notification-title">欢迎使用</p>
      <p class="notification-message font-size-12">扫码关注微信公众号<br>以获得帮助与教程</p>
      <!-- <a class="btn btn-primary try " href="/index/User/demo.html" target="_blank">体验 示例账号</a><br> -->
      <button class="btn btn-primary attention-already try" onclick="closePop()">我已关注</button><br>
      <a id="play" href="http://www.acagrid.com/index/index/intro" target="_blank" class="notification-sub-title">观看介绍视频</a>
      <span class="close-pop close srcm-i-deselect notification-close-coins" onclick="closePop()"></span>
    </div>
  </div>
  <span class="quick-check-in"></span>

  <span class="question" onclick="start()"></span>

  <!-- 正文 -->


  <div id="content" class="container">
    <div id="model">
      <div class="col-lg-12">
        <div id="doc">
          <div class="doc">
            <h3><a href="http://www.acagrid.com/doc/factory/info/md/award" class="goback">继续教育材料上传</a> <small>各类资料证明材料</small></h3> </div>
        </div>
        <div id="picture_wrap">
          <div id="picture">
            <div class="no-pic">
              <div class="content">
                <p class="icon"><span class="srcm-i-photo"></span></p>
                <div class="btn-primary btn"> <span class="srcm-i-add"></span>添加文件 <input type="file" class="upfile" multiple="multiple" enctype="multipart/form-data" name="file" id="selectPic" accept="image/*, application/pdf"> <input type="button" onclick="document.getElementById(&#39;selectPic&#39;).click()"
                    class="replace"> </div>
                <h4>点此上传资料/或将文件拖拽至此</h4> <small>类型支持 PDF /JPG / PNG</small>
                <h4 class="drag-tips">释放鼠标 开始上传文件</h4> </div>
            </div>
            <div class="pic row">
              <div class="col-sm-2 pull-left">
                <div class="btn-primary btn"> <span class="srcm-i-add"></span>添加文件 <input type="file" class="upfile" multiple="multiple" enctype="multipart/form-data" name="file" id="selectpic" accept="image/*, application/pdf"> <input type="button" onclick="document.getElementById(&#39;selectpic&#39;).click()"
                    class="replace"> </div>
                <ul class="image-list hover" id="imglist" style="height: 461px;"> </ul>
              </div>
              <div class="col-sm-10 pull-right">
                <div id="image_area">
                  <div class="image-wrap"> <img src="http://www.acagrid.com/doc/factory/post/md/award.html" alt=""> </div>
                </div>
                <ul class="image-op top">
                  <li><a data-method="rotate" href="http://www.acagrid.com/doc/factory/post/md/award.html#"><span class="srcm-i-rotary"></span>旋转</a></li>
                  <li><a data-method="crop" href="http://www.acagrid.com/doc/factory/post/md/award.html#" class="tailor"><span class="srcm-i-cut"></span>裁剪</a></li>
                  <li><a data-method="reset" href="http://www.acagrid.com/doc/factory/post/md/award.html#"><span class="srcm-i-undo"></span>重做</a></li>
                </ul>
                <ul class="image-op middle">
                  <li><a data-method="getCroppedCanvas" href="http://www.acagrid.com/doc/factory/post/md/award.html#" class="confirm"><span class="srcm-i-coche"></span>保存</a></li>
                  <li><a data-method="clear" href="http://www.acagrid.com/doc/factory/post/md/award.html#" class="cancel"><span class="srcm-i-deselect"></span>取消</a></li>
                </ul>
                <ul class="image-op bottom">
                  <li><a class="zoom-out" data-method="zoomOut" href="http://www.acagrid.com/doc/factory/post/md/award.html#"><span class="srcm-i-amplify"></span>放大</a></li>
                  <li><a class="zoom-in" data-method="zoomIn" href="http://www.acagrid.com/doc/factory/post/md/award.html#"><span class="srcm-i-reduce"></span>缩小</a></li>
                </ul>
                <h4 class="drag-tips">释放鼠标 开始上传文件</h4> </div>
            </div>
          </div>
        </div>
        <div class="tips-line col-sm-offset-1 col-sm-10"> <span class="icon srcm-i-revise"></span>
          <p class="title">材料标题</p> <small>Table</small> </div>
        <form id="form_group" role="form" class="form-horizontal">
          <div class="form-group row hidden">
            <div class="col-sm-6"> <input value="award" type="text" class="form-control" id="inputEle" placeholder="请填写标题" name="mod_tname"> </div>
          </div>
          <div class="form-group row text">
            <div class="col-sm-3 control-label">课时 <span class="required">*</span> </div>
            <div class="col-sm-6"> <input value="" type="text" class="form-control" id="inputEle" placeholder="如：XX" name="title">
              <div class="error-mes hide">请填写标题</div>
            </div>
          </div>
          <div class="form-group row text">
            <div class="col-sm-3 control-label">评分/等级 </div>
            <div class="col-sm-6"> <input value="" type="text" class="form-control" id="inputEle" placeholder="如：80/优" name="title">
              <div class="error-mes hide">请填写标题</div>
            </div>
          </div>

          <div class="form-group row date">
            <div class="col-sm-3 control-label">获得时间 <span class="required">*</span> </div>
            <div class="col-sm-6">
              <div class=" mtr-datepicker" data-value="" id="mtr-datepicker-0">
                <div class="mtr-row">
                  <div class="mtr-input-slider" id="mtr-datepicker-0-input-hours">
                    <div class="mtr-arrow up"><span></span></div>
                    <div class="mtr-content"><input type="text" class="mtr-input hours" data-old-value="12" style="display: none;">
                      <div class="mtr-values">
                        <div class="mtr-default-value-holder" data-value="1">
                          <div class="mtr-default-value" data-value="1">1</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2">
                          <div class="mtr-default-value" data-value="2">2</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="3">
                          <div class="mtr-default-value" data-value="3">3</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="4">
                          <div class="mtr-default-value" data-value="4">4</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="5">
                          <div class="mtr-default-value" data-value="5">5</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="6">
                          <div class="mtr-default-value" data-value="6">6</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="7">
                          <div class="mtr-default-value" data-value="7">7</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="8">
                          <div class="mtr-default-value" data-value="8">8</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="9">
                          <div class="mtr-default-value" data-value="9">9</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="10">
                          <div class="mtr-default-value" data-value="10">10</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="11">
                          <div class="mtr-default-value" data-value="11">11</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="12">
                          <div class="mtr-default-value" data-value="12">12</div>
                        </div>
                      </div>
                    </div>
                    <div class="mtr-arrow down"><span></span></div>
                  </div>
                  <div class="mtr-input-slider" id="mtr-datepicker-0-input-minutes">
                    <div class="mtr-arrow up"><span></span></div>
                    <div class="mtr-content"><input type="text" class="mtr-input minutes" data-old-value="10" style="display: none;">
                      <div class="mtr-values">
                        <div class="mtr-default-value-holder" data-value="0">
                          <div class="mtr-default-value" data-value="0">00</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="10">
                          <div class="mtr-default-value" data-value="10">10</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="20">
                          <div class="mtr-default-value" data-value="20">20</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="30">
                          <div class="mtr-default-value" data-value="30">30</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="40">
                          <div class="mtr-default-value" data-value="40">40</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="50">
                          <div class="mtr-default-value" data-value="50">50</div>
                        </div>
                      </div>
                    </div>
                    <div class="mtr-arrow down"><span></span></div>
                  </div>
                  <div class="mtr-input-radio" id="mtr-datepicker-0-input-ampm">
                    <form name="mtr-datepicker-0-input-ampm">
                      <div><input class="mtr-input " type="radio" name="ampm" id="mtr-datepicker-0-radio-ampm-AM" value="1" checked=""><label for="mtr-datepicker-0-radio-ampm-AM"><span class="value">AM</span><span class="radio"></span></label></div>
                      <div><input class="mtr-input " type="radio" name="ampm" id="mtr-datepicker-0-radio-ampm-PM" value="0"><label for="mtr-datepicker-0-radio-ampm-PM"><span class="value">PM</span><span class="radio"></span></label></div>
                    </form>
                  </div>
                </div>
                <div class="mtr-clearfix"></div>
                <div class="mtr-row">
                  <div class="mtr-input-slider" id="mtr-datepicker-0-input-months">
                    <div class="mtr-arrow up"><span></span></div>
                    <div class="mtr-content"><input type="text" class="mtr-input months" data-old-value="4" style="display: none;">
                      <div class="mtr-values">
                        <div class="mtr-default-value-holder" data-value="1">
                          <div class="mtr-default-value has-name" data-value="1">2</div>
                          <div class="mtr-default-value-name">Feb</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2">
                          <div class="mtr-default-value has-name" data-value="2">3</div>
                          <div class="mtr-default-value-name">Mar</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="3">
                          <div class="mtr-default-value has-name" data-value="3">4</div>
                          <div class="mtr-default-value-name">Apr</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="4">
                          <div class="mtr-default-value has-name" data-value="4">5</div>
                          <div class="mtr-default-value-name">May</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="5">
                          <div class="mtr-default-value has-name" data-value="5">6</div>
                          <div class="mtr-default-value-name">Jun</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="6">
                          <div class="mtr-default-value has-name" data-value="6">7</div>
                          <div class="mtr-default-value-name">Jul</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="7">
                          <div class="mtr-default-value has-name" data-value="7">8</div>
                          <div class="mtr-default-value-name">Aug</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="8">
                          <div class="mtr-default-value has-name" data-value="8">9</div>
                          <div class="mtr-default-value-name">Sep</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="9">
                          <div class="mtr-default-value has-name" data-value="9">10</div>
                          <div class="mtr-default-value-name">Oct</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="10">
                          <div class="mtr-default-value has-name" data-value="10">11</div>
                          <div class="mtr-default-value-name">Nov</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="11">
                          <div class="mtr-default-value has-name" data-value="11">12</div>
                          <div class="mtr-default-value-name">Dec</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="12">
                          <div class="mtr-default-value has-name" data-value="12">13</div>
                          <div class="mtr-default-value-name">undefined</div>
                        </div>
                      </div>
                    </div>
                    <div class="mtr-arrow down"><span></span></div>
                  </div>
                  <div class="mtr-input-slider" id="mtr-datepicker-0-input-dates">
                    <div class="mtr-arrow up"><span></span></div>
                    <div class="mtr-content"><input type="text" class="mtr-input dates" data-old-value="29" style="display: none;">
                      <div class="mtr-values">
                        <div class="mtr-default-value-holder" data-value="1">
                          <div class="mtr-default-value has-name" data-value="1">1</div>
                          <div class="mtr-default-value-name">Sat</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2">
                          <div class="mtr-default-value has-name" data-value="2">2</div>
                          <div class="mtr-default-value-name">Sun</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="3">
                          <div class="mtr-default-value has-name" data-value="3">3</div>
                          <div class="mtr-default-value-name">Mon</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="4">
                          <div class="mtr-default-value has-name" data-value="4">4</div>
                          <div class="mtr-default-value-name">Tue</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="5">
                          <div class="mtr-default-value has-name" data-value="5">5</div>
                          <div class="mtr-default-value-name">Wed</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="6">
                          <div class="mtr-default-value has-name" data-value="6">6</div>
                          <div class="mtr-default-value-name">Thu</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="7">
                          <div class="mtr-default-value has-name" data-value="7">7</div>
                          <div class="mtr-default-value-name">Fri</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="8">
                          <div class="mtr-default-value has-name" data-value="8">8</div>
                          <div class="mtr-default-value-name">Sat</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="9">
                          <div class="mtr-default-value has-name" data-value="9">9</div>
                          <div class="mtr-default-value-name">Sun</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="10">
                          <div class="mtr-default-value has-name" data-value="10">10</div>
                          <div class="mtr-default-value-name">Mon</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="11">
                          <div class="mtr-default-value has-name" data-value="11">11</div>
                          <div class="mtr-default-value-name">Tue</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="12">
                          <div class="mtr-default-value has-name" data-value="12">12</div>
                          <div class="mtr-default-value-name">Wed</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="13">
                          <div class="mtr-default-value has-name" data-value="13">13</div>
                          <div class="mtr-default-value-name">Thu</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="14">
                          <div class="mtr-default-value has-name" data-value="14">14</div>
                          <div class="mtr-default-value-name">Fri</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="15">
                          <div class="mtr-default-value has-name" data-value="15">15</div>
                          <div class="mtr-default-value-name">Sat</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="16">
                          <div class="mtr-default-value has-name" data-value="16">16</div>
                          <div class="mtr-default-value-name">Sun</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="17">
                          <div class="mtr-default-value has-name" data-value="17">17</div>
                          <div class="mtr-default-value-name">Mon</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="18">
                          <div class="mtr-default-value has-name" data-value="18">18</div>
                          <div class="mtr-default-value-name">Tue</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="19">
                          <div class="mtr-default-value has-name" data-value="19">19</div>
                          <div class="mtr-default-value-name">Wed</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="20">
                          <div class="mtr-default-value has-name" data-value="20">20</div>
                          <div class="mtr-default-value-name">Thu</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="21">
                          <div class="mtr-default-value has-name" data-value="21">21</div>
                          <div class="mtr-default-value-name">Fri</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="22">
                          <div class="mtr-default-value has-name" data-value="22">22</div>
                          <div class="mtr-default-value-name">Sat</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="23">
                          <div class="mtr-default-value has-name" data-value="23">23</div>
                          <div class="mtr-default-value-name">Sun</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="24">
                          <div class="mtr-default-value has-name" data-value="24">24</div>
                          <div class="mtr-default-value-name">Mon</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="25">
                          <div class="mtr-default-value has-name" data-value="25">25</div>
                          <div class="mtr-default-value-name">Tue</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="26">
                          <div class="mtr-default-value has-name" data-value="26">26</div>
                          <div class="mtr-default-value-name">Wed</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="27">
                          <div class="mtr-default-value has-name" data-value="27">27</div>
                          <div class="mtr-default-value-name">Thu</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="28">
                          <div class="mtr-default-value has-name" data-value="28">28</div>
                          <div class="mtr-default-value-name">Fri</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="29">
                          <div class="mtr-default-value has-name" data-value="29">29</div>
                          <div class="mtr-default-value-name">Sat</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="30">
                          <div class="mtr-default-value has-name" data-value="30">30</div>
                          <div class="mtr-default-value-name">Sun</div>
                        </div>
                      </div>
                    </div>
                    <div class="mtr-arrow down"><span></span></div>
                  </div>
                  <div class="mtr-input-slider" id="mtr-datepicker-0-input-years">
                    <div class="mtr-arrow up"><span></span></div>
                    <div class="mtr-content"><input type="text" class="mtr-input years" data-old-value="2017" style="display: none; color: rgb(195, 195, 195);">
                      <div class="mtr-values">
                        <div class="mtr-default-value-holder" data-value="1900">
                          <div class="mtr-default-value" data-value="1900">1900</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1901">
                          <div class="mtr-default-value" data-value="1901">1901</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1902">
                          <div class="mtr-default-value" data-value="1902">1902</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1903">
                          <div class="mtr-default-value" data-value="1903">1903</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1904">
                          <div class="mtr-default-value" data-value="1904">1904</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1905">
                          <div class="mtr-default-value" data-value="1905">1905</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1906">
                          <div class="mtr-default-value" data-value="1906">1906</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1907">
                          <div class="mtr-default-value" data-value="1907">1907</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1908">
                          <div class="mtr-default-value" data-value="1908">1908</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1909">
                          <div class="mtr-default-value" data-value="1909">1909</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1910">
                          <div class="mtr-default-value" data-value="1910">1910</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1911">
                          <div class="mtr-default-value" data-value="1911">1911</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1912">
                          <div class="mtr-default-value" data-value="1912">1912</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1913">
                          <div class="mtr-default-value" data-value="1913">1913</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1914">
                          <div class="mtr-default-value" data-value="1914">1914</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1915">
                          <div class="mtr-default-value" data-value="1915">1915</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1916">
                          <div class="mtr-default-value" data-value="1916">1916</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1917">
                          <div class="mtr-default-value" data-value="1917">1917</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1918">
                          <div class="mtr-default-value" data-value="1918">1918</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1919">
                          <div class="mtr-default-value" data-value="1919">1919</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1920">
                          <div class="mtr-default-value" data-value="1920">1920</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1921">
                          <div class="mtr-default-value" data-value="1921">1921</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1922">
                          <div class="mtr-default-value" data-value="1922">1922</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1923">
                          <div class="mtr-default-value" data-value="1923">1923</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1924">
                          <div class="mtr-default-value" data-value="1924">1924</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1925">
                          <div class="mtr-default-value" data-value="1925">1925</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1926">
                          <div class="mtr-default-value" data-value="1926">1926</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1927">
                          <div class="mtr-default-value" data-value="1927">1927</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1928">
                          <div class="mtr-default-value" data-value="1928">1928</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1929">
                          <div class="mtr-default-value" data-value="1929">1929</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1930">
                          <div class="mtr-default-value" data-value="1930">1930</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1931">
                          <div class="mtr-default-value" data-value="1931">1931</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1932">
                          <div class="mtr-default-value" data-value="1932">1932</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1933">
                          <div class="mtr-default-value" data-value="1933">1933</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1934">
                          <div class="mtr-default-value" data-value="1934">1934</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1935">
                          <div class="mtr-default-value" data-value="1935">1935</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1936">
                          <div class="mtr-default-value" data-value="1936">1936</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1937">
                          <div class="mtr-default-value" data-value="1937">1937</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1938">
                          <div class="mtr-default-value" data-value="1938">1938</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1939">
                          <div class="mtr-default-value" data-value="1939">1939</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1940">
                          <div class="mtr-default-value" data-value="1940">1940</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1941">
                          <div class="mtr-default-value" data-value="1941">1941</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1942">
                          <div class="mtr-default-value" data-value="1942">1942</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1943">
                          <div class="mtr-default-value" data-value="1943">1943</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1944">
                          <div class="mtr-default-value" data-value="1944">1944</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1945">
                          <div class="mtr-default-value" data-value="1945">1945</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1946">
                          <div class="mtr-default-value" data-value="1946">1946</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1947">
                          <div class="mtr-default-value" data-value="1947">1947</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1948">
                          <div class="mtr-default-value" data-value="1948">1948</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1949">
                          <div class="mtr-default-value" data-value="1949">1949</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1950">
                          <div class="mtr-default-value" data-value="1950">1950</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1951">
                          <div class="mtr-default-value" data-value="1951">1951</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1952">
                          <div class="mtr-default-value" data-value="1952">1952</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1953">
                          <div class="mtr-default-value" data-value="1953">1953</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1954">
                          <div class="mtr-default-value" data-value="1954">1954</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1955">
                          <div class="mtr-default-value" data-value="1955">1955</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1956">
                          <div class="mtr-default-value" data-value="1956">1956</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1957">
                          <div class="mtr-default-value" data-value="1957">1957</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1958">
                          <div class="mtr-default-value" data-value="1958">1958</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1959">
                          <div class="mtr-default-value" data-value="1959">1959</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1960">
                          <div class="mtr-default-value" data-value="1960">1960</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1961">
                          <div class="mtr-default-value" data-value="1961">1961</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1962">
                          <div class="mtr-default-value" data-value="1962">1962</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1963">
                          <div class="mtr-default-value" data-value="1963">1963</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1964">
                          <div class="mtr-default-value" data-value="1964">1964</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1965">
                          <div class="mtr-default-value" data-value="1965">1965</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1966">
                          <div class="mtr-default-value" data-value="1966">1966</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1967">
                          <div class="mtr-default-value" data-value="1967">1967</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1968">
                          <div class="mtr-default-value" data-value="1968">1968</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1969">
                          <div class="mtr-default-value" data-value="1969">1969</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1970">
                          <div class="mtr-default-value" data-value="1970">1970</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1971">
                          <div class="mtr-default-value" data-value="1971">1971</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1972">
                          <div class="mtr-default-value" data-value="1972">1972</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1973">
                          <div class="mtr-default-value" data-value="1973">1973</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1974">
                          <div class="mtr-default-value" data-value="1974">1974</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1975">
                          <div class="mtr-default-value" data-value="1975">1975</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1976">
                          <div class="mtr-default-value" data-value="1976">1976</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1977">
                          <div class="mtr-default-value" data-value="1977">1977</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1978">
                          <div class="mtr-default-value" data-value="1978">1978</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1979">
                          <div class="mtr-default-value" data-value="1979">1979</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1980">
                          <div class="mtr-default-value" data-value="1980">1980</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1981">
                          <div class="mtr-default-value" data-value="1981">1981</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1982">
                          <div class="mtr-default-value" data-value="1982">1982</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1983">
                          <div class="mtr-default-value" data-value="1983">1983</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1984">
                          <div class="mtr-default-value" data-value="1984">1984</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1985">
                          <div class="mtr-default-value" data-value="1985">1985</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1986">
                          <div class="mtr-default-value" data-value="1986">1986</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1987">
                          <div class="mtr-default-value" data-value="1987">1987</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1988">
                          <div class="mtr-default-value" data-value="1988">1988</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1989">
                          <div class="mtr-default-value" data-value="1989">1989</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1990">
                          <div class="mtr-default-value" data-value="1990">1990</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1991">
                          <div class="mtr-default-value" data-value="1991">1991</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1992">
                          <div class="mtr-default-value" data-value="1992">1992</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1993">
                          <div class="mtr-default-value" data-value="1993">1993</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1994">
                          <div class="mtr-default-value" data-value="1994">1994</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1995">
                          <div class="mtr-default-value" data-value="1995">1995</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1996">
                          <div class="mtr-default-value" data-value="1996">1996</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1997">
                          <div class="mtr-default-value" data-value="1997">1997</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1998">
                          <div class="mtr-default-value" data-value="1998">1998</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="1999">
                          <div class="mtr-default-value" data-value="1999">1999</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2000">
                          <div class="mtr-default-value" data-value="2000">2000</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2001">
                          <div class="mtr-default-value" data-value="2001">2001</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2002">
                          <div class="mtr-default-value" data-value="2002">2002</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2003">
                          <div class="mtr-default-value" data-value="2003">2003</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2004">
                          <div class="mtr-default-value" data-value="2004">2004</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2005">
                          <div class="mtr-default-value" data-value="2005">2005</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2006">
                          <div class="mtr-default-value" data-value="2006">2006</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2007">
                          <div class="mtr-default-value" data-value="2007">2007</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2008">
                          <div class="mtr-default-value" data-value="2008">2008</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2009">
                          <div class="mtr-default-value" data-value="2009">2009</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2010">
                          <div class="mtr-default-value" data-value="2010">2010</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2011">
                          <div class="mtr-default-value" data-value="2011">2011</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2012">
                          <div class="mtr-default-value" data-value="2012">2012</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2013">
                          <div class="mtr-default-value" data-value="2013">2013</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2014">
                          <div class="mtr-default-value" data-value="2014">2014</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2015">
                          <div class="mtr-default-value" data-value="2015">2015</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2016">
                          <div class="mtr-default-value" data-value="2016">2016</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2017">
                          <div class="mtr-default-value" data-value="2017">2017</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2018">
                          <div class="mtr-default-value" data-value="2018">2018</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2019">
                          <div class="mtr-default-value" data-value="2019">2019</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2020">
                          <div class="mtr-default-value" data-value="2020">2020</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2021">
                          <div class="mtr-default-value" data-value="2021">2021</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2022">
                          <div class="mtr-default-value" data-value="2022">2022</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2023">
                          <div class="mtr-default-value" data-value="2023">2023</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2024">
                          <div class="mtr-default-value" data-value="2024">2024</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2025">
                          <div class="mtr-default-value" data-value="2025">2025</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2026">
                          <div class="mtr-default-value" data-value="2026">2026</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2027">
                          <div class="mtr-default-value" data-value="2027">2027</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2028">
                          <div class="mtr-default-value" data-value="2028">2028</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2029">
                          <div class="mtr-default-value" data-value="2029">2029</div>
                        </div>
                        <div class="mtr-default-value-holder" data-value="2030">
                          <div class="mtr-default-value" data-value="2030">2030</div>
                        </div>
                      </div>
                    </div>
                    <div class="mtr-arrow down"><span></span></div>
                  </div>
                </div>
                <div class="mtr-clearfix"></div>
              </div> <input value="" data-date-format="yyyy-mm-dd" class="form-control datepicker" id="inputEle" placeholder="" name="puttime" type="date">
              <div class="error-mes hide date">请填写完整</div>
            </div>
          </div>
          <div class="form-group row textarea">
            <lable class="col-sm-3 control-label text-right">备注信息 </lable>
            <div class="col-sm-6"> <textarea class="form-control" rows="3" name="description"></textarea> </div>
          </div>
          <div class="submit-wrap text-center"> <button id="submit" type="button" class="btn btn-large btn-primary" data-loading-text="正在处理中...">保存</button>
            <p class="save-status hide">信息不完整，已为您保存为草稿</p>
          </div>
        </form>
      </div>
    </div>
  </div>
  <script type="text/javascript">
    window.SrcmsData = {
      "url": "/static/application/",
      "model": {
        "id": "20",
        "mod_title": "个人获奖",
        "mod_desc": "曾经获得的荣誉，或者 奖项。",
        "mod_sortby": "4",
        "mod_db_table": "award",
        "created": "1477464234",
        "updated": "1480299692",
        "mod_class": "DocumentAward",
        "status": "1",
        "ipt_title": "荣誉名称"
      },
      "imglist": [],
      "form": [{
        "type": "hidden",
        "name": "mod_tname",
        "text": "",
        "placeholder": "",
        "desc": "",
        "dataset": [],
        "value": "award",
        "is_validate": 0,
        "validate": "",
        "error_msg": "",
        "is_table_view": 0,
        "is_date": 0
      }, {
        "type": "text",
        "name": "title",
        "text": "\u8363\u8a89\u540d\u79f0",
        "placeholder": "\u8bf7\u586b\u5199\u6807\u9898",
        "desc": "",
        "dataset": [],
        "value": "",
        "is_validate": "1",
        "validate": "{\"type\":\"null\"}",
        "error_msg": "\u8bf7\u586b\u5199\u6807\u9898",
        "is_table_view": 0,
        "is_date": 0
      }, {
        "type": "select",
        "name": "my_rank",
        "text": "\u672c\u4eba\u6392\u540d",
        "placeholder": "",
        "desc": "",
        "dataset": [{
          "val": "1",
          "txt": "1"
        }, {
          "val": "2",
          "txt": "2"
        }, {
          "val": "3",
          "txt": "3"
        }, {
          "val": "4",
          "txt": "4"
        }, {
          "val": "5",
          "txt": "5"
        }, {
          "val": "6",
          "txt": "6"
        }, {
          "val": "7",
          "txt": "7"
        }, {
          "val": "8",
          "txt": "8"
        }, {
          "val": "9",
          "txt": "9"
        }, {
          "val": "10",
          "txt": "10"
        }, {
          "val": "\u5176\u4ed6",
          "txt": "\u5176\u4ed6"
        }],
        "value": "",
        "is_validate": "1",
        "validate": "{\"type\":\"null\", \"min\":\"0\", \"max\":\"0\"}",
        "error_msg": "",
        "is_table_view": "0",
        "is_date": 0
      }, {
        "type": "select",
        "name": "rank",
        "text": "\u83b7\u5956\u540d\u6b21",
        "placeholder": "\u5982\uff1a\u4e00\u4e8c\u4e09\u7b49\u5956\u3001\u91d1\u94f6\u94dc\u3001\u51a0\u4e9a\u5b63",
        "desc": "",
        "dataset": [{
          "val": "\u4e00\u7b49\u5956",
          "txt": "\u4e00\u7b49\u5956"
        }, {
          "val": "\u4e8c\u7b49\u5956",
          "txt": "\u4e8c\u7b49\u5956"
        }, {
          "val": "\u4e09\u7b49\u5956",
          "txt": "\u4e09\u7b49\u5956"
        }, {
          "val": "\u91d1",
          "txt": "\u91d1"
        }, {
          "val": "\u94f6",
          "txt": "\u94f6"
        }, {
          "val": "\u94dc",
          "txt": "\u94dc"
        }, {
          "val": "\u51a0",
          "txt": "\u51a0"
        }, {
          "val": "\u4e9a",
          "txt": "\u4e9a"
        }, {
          "val": "\u5b63",
          "txt": "\u5b63"
        }, {
          "val": "\u7279\u7b49\u5956",
          "txt": "\u7279\u7b49\u5956"
        }, {
          "val": "\u4f18\u79c0\u5956",
          "txt": "\u4f18\u79c0\u5956"
        }, {
          "val": "\u5165\u56f4\u5956",
          "txt": "\u5165\u56f4\u5956"
        }, {
          "val": "\u5176\u4ed6",
          "txt": "\u5176\u4ed6"
        }],
        "value": "",
        "is_validate": "0",
        "validate": "{\"type\":\"null\", \"min\":\"0\", \"max\":\"0\"}",
        "error_msg": "\u8bf7\u586b\u5199\u5b8c\u6574",
        "is_table_view": "0",
        "is_date": 0
      }, {
        "type": "select",
        "name": "lever",
        "text": "\u7ea7\u522b\t",
        "placeholder": "",
        "desc": "",
        "dataset": [{
          "val": "\u56fd\u5bb6\u7ea7",
          "txt": "\u56fd\u5bb6\u7ea7",
          "weight": "1"
        }, {
          "val": "\u7701\u7ea7",
          "txt": "\u7701\u7ea7",
          "weight": "2"
        }, {
          "val": "\u5e02\u5385\u7ea7",
          "txt": "\u5e02\u5385\u7ea7",
          "weight": "3"
        }, {
          "val": "\u6821\u7ea7",
          "txt": "\u6821\u7ea7",
          "weight": "4"
        }, {
          "val": "\u5176\u4ed6",
          "txt": "\u5176\u4ed6",
          "weight": "5"
        }],
        "value": "",
        "is_validate": "1",
        "validate": "{\"type\":\"null\", \"min\":\"0\", \"max\":\"0\"}",
        "error_msg": "\u8bf7\u586b\u5199\u5b8c\u6574",
        "is_table_view": "0",
        "is_date": 0
      }, {
        "type": "text",
        "name": "organization",
        "text": "\u6388\u4e88\u5355\u4f4d\t",
        "placeholder": "\u5982\uff1a\u5168\u56fd\u8ba1\u7b97\u673a\u534f\u4f1a",
        "desc": "",
        "dataset": [],
        "value": "",
        "is_validate": "1",
        "validate": "{\"type\":\"null\", \"min\":\"0\", \"max\":\"0\"}",
        "error_msg": "\u8bf7\u586b\u5199\u5b8c\u6574",
        "is_table_view": "0",
        "is_date": 0
      }, {
        "type": "date",
        "name": "puttime",
        "text": "\u83b7\u5956\u65f6\u95f4",
        "placeholder": "",
        "desc": "",
        "dataset": [{
          "val": "",
          "txt": "\u4e0d\u9650"
        }, {
          "val": 2006,
          "txt": "2006\u5e74"
        }, {
          "val": 2007,
          "txt": "2007\u5e74"
        }, {
          "val": 2008,
          "txt": "2008\u5e74"
        }, {
          "val": 2009,
          "txt": "2009\u5e74"
        }, {
          "val": 2010,
          "txt": "2010\u5e74"
        }, {
          "val": 2011,
          "txt": "2011\u5e74"
        }, {
          "val": 2012,
          "txt": "2012\u5e74"
        }, {
          "val": 2013,
          "txt": "2013\u5e74"
        }, {
          "val": 2014,
          "txt": "2014\u5e74"
        }, {
          "val": 2015,
          "txt": "2015\u5e74"
        }, {
          "val": 2016,
          "txt": "2016\u5e74"
        }],
        "value": "",
        "is_validate": "1",
        "validate": "{\"type\":\"null\", \"min\":\"0\", \"max\":\"0\"}",
        "error_msg": "\u8bf7\u586b\u5199\u5b8c\u6574",
        "is_table_view": "0",
        "is_date": 0
      }, {
        "type": "hidden",
        "name": "range_value",
        "text": "\u83b7\u5956\u65f6\u95f4",
        "placeholder": "",
        "desc": "",
        "dataset": [],
        "value": "",
        "is_validate": "0",
        "validate": "{\"type\":\"null\", \"min\":\"0\", \"max\":\"0\"}",
        "error_msg": "",
        "is_table_view": "0",
        "is_date": 0
      }, {
        "type": "textarea",
        "name": "description",
        "text": "\u5907\u6ce8\u4fe1\u606f",
        "placeholder": "",
        "desc": "",
        "dataset": [],
        "value": "",
        "is_validate": "0",
        "validate": "{\"type\":\"null\"}",
        "error_msg": "\u8bf7\u586b\u5199\u5907\u6ce8\u4fe1\u606f",
        "is_table_view": 0,
        "is_date": 0
      }]
    }
  </script>
  <!-- 页底 -->
</div>
<div id="footer" class="container-brand-dark">
  <div class="ul-list">
    <div class="container">
      <ul class="footer-list">
        <li>关于ACAGRID</li>
        <li><a href="" target="_blank">关于我们</a></li>
        <li><a href="" target="_blank">使用协议</a></li>
        <li class="we relative-parents">
          联系我们
          <div class="we qrcode-wrap">
            <img src="./images/footer_contact_we_qrcode.jpeg" alt="">
          </div>
        </li>
      </ul>
      <ul class="footer-list">
        <li>帮助中心</li>
        <li><a href="" target="_blank">新手指南</a></li>
        <!-- <li><a href="/index/User/demo.html" target="_blank">示例账户</a></li> -->
        <li><a href="" target="_blank">专家用户</a></li>
      </ul>
      <ul class="footer-list">
        <li>下载APP</li>
        <li class="android relative-parents">
          安卓版
          <div class="android qrcode-wrap">
            <img src="./images/index_android_qrcode.png" alt="">
          </div>
        </li>
      </ul>
      <ul class="footer-list ta-c">
        <li><a href="">微信公众号</a></li>
        <li><img src="./images/qrcode.jpg" alt="" class="footer-qrcode"></li>
      </ul>
      <ul class="footer-list">
        <li><img src="./images/arcmsFooter.png" alt="" class="footer-logo"><span class="version-number"></span></li>
        <li><span class="underline">**************</span></li>
        <li>客服邮箱：<a href="">service.aca@quickwis.com</a></li>
        <li>客服微信：qwdoufu</li>
      </ul>
    </div>
  </div>
  <div class="foot">
    <p>©2017学术格子 Ltd.<span class="case-number">湘ICP备 16018616号-1</span>中文</p>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">


    <div id="check_in">
      <div class="img-wrap animated fadeInUp">
        <span class="loading-gif animated roll-circle" style="opacity: 0;"></span>
        <div class="text-wrap animated zoomIn" style="display: inline-block;">
          <span class="checked-in">已签到</span>
          <p class="continuous-check-in">已连续签到<span class="punch-card-time">1</span>天</p>
        </div>
        <div class="start-gif" style="display: block;"></div>
      </div>
      <div class="calendar-wrap animated fadeInUp">
        <div class="list-wrap animated fadeInUpShort">
          <ul class="list">
            <li data-index="1" class="list-item current-day">
              <span class="icon">+5</span>
              <span class="text">第1天</span>
            </li>
            <li data-index="2" class="list-item after-day">
              <span class="icon">+10</span>
              <span class="text">第2天</span>
            </li>
            <li data-index="3" class="list-item after-day">
              <span class="icon">+10</span>
              <span class="text">第3天</span>
            </li>
            <li data-index="4" class="list-item after-day">
              <span class="icon">+20</span>
              <span class="text">第4天</span>
            </li>
            <li data-index="5" class="list-item after-day">
              <span class="icon">+20</span>
              <span class="text">第5天</span>
            </li>
            <li data-index="6" class="list-item after-day">
              <span class="icon">+20</span>
              <span class="text">第6天</span>
            </li>
            <li data-index="7" class="list-item after-day">
              <span class="icon last"></span>
              <span class="text">第7天</span>
            </li>
          </ul>
          <p class="message">每连续签到7天，即可参加话费抽奖的活动哦。不要白不要~</p>
        </div>
        <p class="time">2017年5月</p>
        <table class="calendar-table">
          <tbody>
            <tr>
              <td class="animated past">1</td>
              <td class="animated past">2</td>
              <td class="animated past">3</td>
              <td class="animated past">4</td>
              <td class="animated past">5</td>
              <td class="animated checked-in-already zoomIn">6</td>
              <td class="animated">7</td>
            </tr>
            <tr>
              <td class="animated">8</td>
              <td class="animated">9</td>
              <td class="animated">10</td>
              <td class="animated">11</td>
              <td class="animated">12</td>
              <td class="animated">13</td>
              <td class="animated">14</td>
            </tr>
            <tr>
              <td class="animated">15</td>
              <td class="animated">16</td>
              <td class="animated">17</td>
              <td class="animated">18</td>
              <td class="animated">19</td>
              <td class="animated">20</td>
              <td class="animated">21</td>
            </tr>
            <tr>
              <td class="animated">22</td>
              <td class="animated">23</td>
              <td class="animated">24</td>
              <td class="animated">25</td>
              <td class="animated">26</td>
              <td class="animated">27</td>
              <td class="animated">28</td>
            </tr>
            <tr>
            </tr>
            <tr>
              <td class="animated">29</td>
              <td class="animated">30</td>
              <td class="animated">31</td>
              <td class="animated"></td>
              <td class="animated"></td>
              <td class="animated"></td>
              <td class="animated"></td>
            </tr>
          </tbody>
        </table>

      </div>
      <div class="share-wrap animated slideInUp" style="display: block;">
        <button class="btn btn-primary share animated shake">我要分享</button>
        <p class="notification-sub-title" style="color:#fff">再得100学分</p>
      </div>
      <span class="srcm-i-deselect close check-in-close notification-close-coins" data-dismiss="modal"></span>

    </div>
  </div>
</div>
<div class="modal fade" id="friends" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document" style="width:385px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      </div>
      <div class="modal-body text-center">
        <img src="./images/friends.png" alt="">
        <h2 class="notification-title">邀请好友赚金币</h2>
        <p>请使用微信“扫一扫<br/> ”扫描上方二维码开始邀请您的好友
        </p>
        <button type="button" name="button" class="btn btn-primary" style="margin:38px 0 24px;">我已邀请</button>
        <p style="margin:10px 0;">/ 每成功邀请一位好友，您将获得+2金币奖励 /</p>
      </div>
    </div>
  </div>
</div>

<script src="js/bootstrap.js"></script>
<script src="./js/mtr-datepicker.js"></script>

</body>

</html>
